<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1"><!-- Place favicon.ico in the root directory -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="icon" href="favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,300,400,700,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
    <title>Dashcore - Premium Software & Startup HTML</title><!-- themeforest:css -->
    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/cookieconsent.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/odometer-theme-minimal.css">
    <link rel="stylesheet" href="css/prism-okaidia.css">
    <link rel="stylesheet" href="css/simplebar.css">
    <link rel="stylesheet" href="css/smart_wizard.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_arrows.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_circles.css">
    <link rel="stylesheet" href="css/smart_wizard_theme_dots.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/theme.css">
    <link rel="stylesheet" href="css/rtl.css"><!-- endinject -->
</head>

<body>
    <!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
    <!-- Making stripe menu -->
    <nav class="st-nav navbar main-nav navigation fixed-top" id="main-nav">
        <div class="container">
            <ul class="st-nav-menu nav navbar-nav">
                <li class="st-nav-section nav-item"><a href="#main" class="navbar-brand"><img src="img/logo.png" alt="Dashcore" class="logo logo-sticky d-block d-md-none"> <img src="img/logo-light.png" alt="Dashcore" class="logo d-none d-md-block"></a></li>
                <li class="st-nav-section st-nav-primary nav-item"><a class="st-root-link nav-link" href="index.html">Home </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="blocks">Blocks </a><a class="st-root-link item-products st-has-dropdown nav-link" data-dropdown="pages">Pages </a><a class="st-root-link item-company st-has-dropdown nav-link" data-dropdown="components">UI Components </a><a class="st-root-link item-blog st-has-dropdown nav-link" data-dropdown="blog">Blog </a><a class="st-root-link item-shop st-has-dropdown nav-link" href="shop/" data-dropdown="shop">Shop</a></li>
                <li class="st-nav-section st-nav-secondary nav-item"><a class="btn btn-rounded btn-outline mr-3 px-3" href="login.html" target="_blank"><i class="fas fa-sign-in-alt d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Login</span> </a><a class="btn btn-rounded btn-solid px-3" href="signup.html" target="_blank"><i class="fas fa-user-plus d-none d-md-inline mr-md-0 mr-lg-2"></i> <span class="d-md-none d-lg-inline">Signup</span></a></li><!-- Mobile Navigation -->
                <li class="st-nav-section st-nav-mobile nav-item"><button class="st-root-link navbar-toggler" type="button"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                    <div class="st-popup">
                        <div class="st-popup-container"><a class="st-popup-close-button">Close</a>
                            <div class="st-dropdown-content-group">
                                <h4 class="text-uppercase regular">Pages</h4><a class="regular text-primary" href="about.html"><i class="far fa-building mr-2"></i> About </a><a class="regular text-success" href="contact.html"><i class="far fa-envelope mr-2"></i> Contact </a><a class="regular text-warning" href="pricing.html"><i class="fas fa-hand-holding-usd mr-2"></i> Pricing </a><a class="regular text-info" href="faqs.html"><i class="far fa-question-circle mr-2"></i> FAQs</a>
                            </div>
                            <div class="st-dropdown-content-group border-top bw-2">
                                <h4 class="text-uppercase regular">Components</h4>
                                <div class="row">
                                    <div class="col mr-4"><a target="_blank" href="components/alert.html">Alerts</a> <a target="_blank" href="components/badge.html">Badges</a> <a target="_blank" href="components/button.html">Buttons</a> <a target="_blank" href="components/color.html">Colors</a> <a target="_blank" href="components/accordion.html">Accordion</a> <a target="_blank" href="components/cookie-law.html">Cookielaw</a></div>
                                    <div class="col mr-4"><a target="_blank" href="components/overlay.html">Overlay</a> <a target="_blank" href="components/progress.html">Progress</a> <a target="_blank" href="components/lightbox.html">Lightbox</a> <a target="_blank" href="components/tab.html">Tabs</a> <a target="_blank" href="components/tables.html">Tables</a> <a target="_blank" href="components/typography.html">Typography</a></div>
                                </div>
                            </div>
                            <div class="st-dropdown-content-group bg-light b-t"><a href="login.html">Sign in <i class="fas fa-arrow-right"></i></a></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="st-dropdown-root">
            <div class="st-dropdown-bg">
                <div class="st-alt-bg"></div>
            </div>
            <div class="st-dropdown-arrow"></div>
            <div class="st-dropdown-container">
                <div class="st-dropdown-section" data-dropdown="blocks">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/call-to-action.html">Call to actions</a> <a class="dropdown-item" target="_blank" href="blocks/contact.html">Contact</a> <a class="dropdown-item" target="_blank" href="blocks/counter.html">Counters</a> <a class="dropdown-item" target="_blank" href="blocks/faqs.html">FAQs</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="blocks/footer.html">Footers</a> <a class="dropdown-item" target="_blank" href="blocks/form.html">Forms</a> <a class="dropdown-item" target="_blank" href="blocks/navbar.html">Navbar</a> <a class="dropdown-item" target="_blank" href="blocks/navigation.html">Navigation</a></div>
                                <div class="col"><a class="dropdown-item" target="_blank" href="blocks/pricing.html">Pricing</a> <a class="dropdown-item" target="_blank" href="blocks/slider.html">Sliders</a> <a class="dropdown-item" target="_blank" href="blocks/team.html">Team</a> <a class="dropdown-item" target="_blank" href="blocks/testimonial.html">Testimonials</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-long-arrow-alt-right icon"></i> Coming soon</h3>
                            <div class="ml-5"><span class="dropdown-item text-secondary">Dividers </span><span class="dropdown-item text-secondary">Gallery </span><span class="dropdown-item text-secondary">Screenshots</span></div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="pages">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="mb-4">
                                <h3 class="text-darker light text-nowrap"><span class="bold regular">Useful pages</span> you'll need</h3>
                                <p class="text-secondary mt-0">Get a complete design stack</p>
                            </div>
                            <div class="row">
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">Error</h4>
                                        </li>
                                        <li><a target="_blank" href="403.html">403 Error</a></li>
                                        <li><a target="_blank" href="404.html">404 Error</a></li>
                                        <li><a target="_blank" href="405.html">405 Error</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul class="mr-4">
                                        <li>
                                            <h4 class="text-uppercase regular">User</h4>
                                        </li>
                                        <li><a target="_blank" href="login.html">Login</a></li>
                                        <li><a target="_blank" href="register.html">Register</a></li>
                                        <li><a target="_blank" href="forgot.html">Forgot</a></li>
                                    </ul>
                                </div>
                                <div class="col">
                                    <ul>
                                        <li>
                                            <h4 class="text-uppercase regular">Extra</h4>
                                        </li>
                                        <li><a target="_blank" href="pricing.html">Pricing</a></li>
                                        <li><a target="_blank" href="terms.html">Terms</a></li>
                                        <li><a target="_blank" href="faqs.html">FAQ</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item bold" href="about.html"><i class="far fa-building icon"></i> About </a><a class="dropdown-item bold" href="contact.html"><i class="far fa-envelope icon"></i> Contact </a><a class="dropdown-item bold" href="pricing.html"><i class="fas fa-hand-holding-usd icon"></i> Pricing</a></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="components">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/color.html">
                                <div class="media mb-4"><i class="fas fa-palette mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Colors</h3>
                                        <p class="m-0 text-secondary">Get to know DashCore color options</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/accordion.html">
                                <div class="media mb-4"><i class="fas fa-bars mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Accordion</h3>
                                        <p class="m-0 text-secondary">Useful accordion elements</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="components/cookie-law.html">
                                <div class="media mb-4"><i class="fas fa-cookie-bite mr-2 bg-primary rounded-circle icon-md text-contrast center-flex"></i>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">CookieLaw</h3>
                                        <p class="m-0 text-secondary">Comply with the hideous EU Cookie Law</p>
                                    </div>
                                </div>
                            </a>
                            <h4 class="text-uppercase regular">Huge components list</h4>
                            <div class="row">
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/alert.html">Alerts</a> <a class="dropdown-item" target="_blank" href="components/badge.html">Badges</a> <a class="dropdown-item" target="_blank" href="components/button.html">Buttons</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/overlay.html">Overlay</a> <a class="dropdown-item" target="_blank" href="components/progress.html">Progress</a> <a class="dropdown-item" target="_blank" href="components/lightbox.html">Lightbox</a></div>
                                <div class="col mr-4"><a class="dropdown-item" target="_blank" href="components/tab.html">Tabs</a> <a class="dropdown-item" target="_blank" href="components/tables.html">Tables</a> <a class="dropdown-item" target="_blank" href="components/typography.html">Typography</a></div>
                            </div>
                        </div>
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="components/wizard.html">Wizard <span class="badge badge-pill badge-primary">New</span></a> <span class="dropdown-item d-flex align-items-center text-muted">Timeline <i class="fas fa-ban ml-auto"></i></span> <span class="dropdown-item d-flex align-items-center text-muted">Process <i class="fas fa-ban ml-auto"></i></span></div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="blog">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group">
                            <div class="row">
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Full width</h4><a class="dropdown-item" target="_blank" href="blog/blog-post.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar left</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-left.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-left.html">Posts Grid</a>
                                </div>
                                <div class="col mr-4">
                                    <h4 class="regular text-uppercase">Sidebar right</h4><a class="dropdown-item" target="_blank" href="blog/blog-post-sidebar-right.html">Single post</a> <a class="dropdown-item" target="_blank" href="blog/blog-grid-sidebar-right.html">Posts Grid</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="st-dropdown-section" data-dropdown="shop">
                    <div class="st-dropdown-content">
                        <div class="st-dropdown-content-group"><a class="dropdown-item" target="_blank" href="shop/home.html">
                                <div class="media align-items-center">
                                    <div class="bg-success text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-basket"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Home</h3>
                                        <p class="m-0 text-secondary">Online store home with an outstanding UX</p>
                                    </div>
                                </div>
                            </a><a class="dropdown-item" target="_blank" href="shop/cart.html">
                                <div class="media align-items-center">
                                    <div class="bg-info text-contrast icon-md center-flex rounded-circle mr-3"><i class="fas fa-shopping-cart"></i></div>
                                    <div class="media-body">
                                        <h3 class="link-title m-0">Cart</h3>
                                        <p class="m-0 text-secondary">Online store shopping cart</p>
                                    </div>
                                </div>
                            </a></div>
                        <div class="st-dropdown-content-group">
                            <h3 class="link-title"><i class="fas fa-money-check-alt icon"></i> Checkout</h3>
                            <div class="ml-5"><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-customer.html">Customer <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-shipping.html">Shipping Information <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-payment.html">Payment Methods <i class="fas fa-angle-right ml-2"></i> </a><a class="dropdown-item text-secondary" target="_blank" href="shop/checkout-confirmation.html">Order Review <i class="fas fa-angle-right ml-2"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <main class="position-relative overflow-hidden">
        <!-- ./Page header -->
        <header class="header alter2-header section parallax image-background center-bottom cover overlay gradient gradient-purple-navy alpha-8 text-contrast" style="background-image: url('img/bg/grid.jpg')">
            <div class="divider-shape">
                <!-- waves divider --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none" class="shape-waves" style="left: 0; transform: rotate3d(0,1,0,180deg);">
                    <path class="shape-fill shape-fill-contrast" d="M790.5,93.1c-59.3-5.3-116.8-18-192.6-50c-29.6-12.7-76.9-31-100.5-35.9c-23.6-4.9-52.6-7.8-75.5-5.3c-10.2,1.1-22.6,1.4-50.1,7.4c-27.2,6.3-58.2,16.6-79.4,24.7c-41.3,15.9-94.9,21.9-134,22.6C72,58.2,0,25.8,0,25.8V100h1000V65.3c0,0-51.5,19.4-106.2,25.7C839.5,97,814.1,95.2,790.5,93.1z" /></svg></div>
            <div class="container overflow-hidden">
                <div class="row">
                    <div class="col-md-7">
                        <h1 class="text-contrast bold">Ultimate HTML template <span class="d-block light">for your awesome product</span></h1>
                        <p class="lead">Your amazing product deserves an outstanding way to show it. Dashcore will provide you with a quality template no matter what your idea is about.</p>
                        <nav class="nav mt-5"><a href="#" class="nav-link mr-3 btn btn btn-rounded btn-contrast"><i class="fas fa-tag mr-3"></i> Plans & pricing </a><a href="#" class="nav-link btn btn-rounded btn-success">Start now</a></nav>
                    </div>
                </div>
            </div>
        </header><!-- ./Perspective mockups -->
        <section class="perspective-mockups hidden-preload">
            <div class="tablet ipad landscape">
                <div class="screen"><img src="img/screens/tablet/1.png" alt="..."></div>
                <div class="button"></div>
            </div>
            <div class="phone-big iphone-x">
                <div class="screen"><img src="img/screens/app/1.png" alt="..."></div>
                <div class="notch"></div>
            </div>
            <div class="phone-small iphone-x">
                <div class="screen"><img src="img/screens/app/2.png" alt="..."></div>
                <div class="notch"></div>
            </div>
            <div class="tablet ipad portrait">
                <div class="screen"><img src="img/screens/tablet/2.png" alt="..."></div>
                <div class="button"></div>
            </div>
        </section><!-- ./Lightweight HTML - text overview -->
        <section class="section lightweight-template">
            <div class="container">
                <div class="row align-items-center text-center text-lg-left">
                    <div class="col-md-8 col-lg-6 mr-auto">
                        <h2>Lightweight HTML template great for your product</h2>
                        <p class="lead text-secondary">Suspendisse dignissim lorem vel elit dapibus mattis. Etiam magna nunc, maximus bibendum diam et, porttitor.</p>
                        <p>Vivamus ut mauris vel orci ornare hendrerit. Pellentesque eu enim ipsum. In mauris tellus, gravida nec euismod et, egestas et tortor. Sed ante ipsum, scelerisque vel enim eu, facilisis consectetur elit.</p><a href="#" class="btn btn-info btn-rounded mt-4 learn-more">Learn More</a>
                    </div>
                </div>
            </div>
        </section><!-- ./Tools for everyone - Swiper -->
        <section class="section b-b b-t bg-light">
            <div class="container">
                <div class="section-heading text-center"><i data-feather="sliders" width="36" height="36" class="stroke-primary"></i>
                    <h2>Tools for everyone</h2>
                    <p class="lead text-secondary">Get ready in no time... just like 1, 2 & 3.</p>
                </div>
                <div class="row align-items-end">
                    <div class="col-lg-4">
                        <h2 class="bold">Start the right way<br><span class="light">Start with Dashcore</span></h2>
                        <p class="lead text-secondary">Thinking about a new project? Start in no time with the tools Dashcore brings to you.</p><a href="pricing.html" class="btn btn-primary btn-rounded mt-4">Choose the right plan <i class="ml-3 fas fa-long-arrow-alt-right"></i></a>
                        <ol id="sw-nav-tools" class="nav nav-process nav-circle nav-justified mt-5">
                            <li class="nav-item active"><a class="nav-link" href="#" data-step="1"><small class="mt-4 absolute">Inbox</small></a></li>
                            <li class="nav-item"><a class="nav-link" href="#" data-step="2"><small class="mt-4 absolute">Calendar</small></a></li>
                            <li class="nav-item"><a class="nav-link" href="#" data-step="3"><small class="mt-4 absolute">Invoicing</small></a></li>
                            <li class="nav-item"><a class="nav-link" href="#" data-step="4"><small class="mt-4 absolute">Reporting</small></a></li>
                        </ol>
                    </div>
                    <div class="col-lg-7 ml-lg-auto">
                        <div class="browser shadow mt-4 mt-md-0" data-aos="fade-left">
                            <div class="swiper-container" data-sw-navigation="#sw-nav-tools">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"><img src="img/screens/dash/1.png" alt="" class="img-responsive"></div>
                                    <div class="swiper-slide"><img src="img/screens/dash/2.png" alt="" class="img-responsive"></div>
                                    <div class="swiper-slide"><img src="img/screens/dash/3.png" alt="" class="img-responsive"></div>
                                    <div class="swiper-slide"><img src="img/screens/dash/4.png" alt="" class="img-responsive"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Every thing you need - Tabs -->
        <section class="section">
            <div class="container">
                <div class="section-heading text-center">
                    <h2 class="bold">Everything you need - all in one theme</h2>
                </div>
                <nav class="slide nav nav-tabs nav-outlined nav-rounded justify-content-around justify-content-md-center mb-5"><a class="nav-item nav-link active" data-toggle="tab" href="#dashboard-tab">Dashboard</a> <a class="nav-item nav-link" data-toggle="tab" href="#tasks-tab">Invoicing</a> <a class="nav-item nav-link" data-toggle="tab" href="#calendar-tab">Calendar</a> <a class="nav-item nav-link" data-toggle="tab" href="#inbox-tab">Inbox</a></nav>
                <div class="tab-content">
                    <div class="tab-pane fade show active" id="dashboard-tab">
                        <div class="row gap-y align-items-center">
                            <div class="col-md-6 mr-md-auto">
                                <div class="browser shadow" data-aos="fade-right"><img src="img/screens/dash/4.png" class="img-responsive" alt=""></div>
                            </div>
                            <div class="col-md-5">
                                <p class="rounded-pill py-2 px-4 bold badge badge-info">New feature</p>
                                <h2 class="display-4 light">Dashboard</h2>
                                <p>When buying Dashcore you will get right in your hand a powerful tool to boost your design. You will get not just a template but a complete ready-to-use HTML code snippets to start right away with your project.</p>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="tasks-tab">
                        <div class="row gap-y align-items-center">
                            <div class="col-md-6 order-md-2 ml-md-auto">
                                <div class="browser shadow" data-aos="fade-left"><img src="img/screens/dash/3.png" alt="" class="img-responsive"></div>
                            </div>
                            <div class="col-md-5 mr-md-auto">
                                <h2 class="display-4 light">Invoicing</h2>
                                <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore maxime numquam perspiciatis saepe totam.</p>
                                <hr class="mt-5">
                                <p class="small text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium aspernatur atque dolor dolorem ea esse expedita hic iste laboriosam libero nihil nostrum obcaecati, odio qui reprehenderit sint vel veniam voluptatibus.</p>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="calendar-tab">
                        <div class="row gap-y align-items-center">
                            <div class="col-md-6 mr-md-auto">
                                <div class="browser shadow-box" data-aos="fade-right"><img src="img/screens/dash/2.png" alt="" class="img-responsive"></div><img src="img/screens/dash/2.1.png" alt="" class="absolute img-responsive shadow rounded" style="right: 0; top: 0">
                            </div>
                            <div class="col-md-5">
                                <h2 class="display-4 light">Calendar</h2>
                                <p class="lead text-secondary">Calendar plugin included and beautified</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias atque cum, delectus dicta doloribus enim fuga hic itaque modi nobis pariatur porro quasi ratione repellat sint veniam veritatis voluptas voluptates.</p>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="inbox-tab">
                        <div class="row gap-y align-items-center">
                            <div class="col-md-6 order-md-2 ml-md-auto">
                                <div class="browser shadow" data-aos="fade-left"><img src="img/screens/dash/1.png" alt="" class="img-responsive"></div>
                            </div>
                            <div class="col-md-5">
                                <p class="rounded-pill py-2 px-4 bold badge badge-info">Outstanding</p>
                                <h2 class="display-4 light">Inbox</h2>
                                <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ab, accusantium aliquid dolore dolorem excepturi exercitationem fugiat incidunt iure nesciunt nihil non numquam perferendis quaerat quisquam rem saepe sunt temporibus.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Single testimonial - Left -->
        <section class="singl-testimonial shadow">
            <div class="container-fluid py-0">
                <div class="row align-items-center gradient gradient-blue-navy text-contrast">
                    <div class="col-md-3 mx-auto py-4 py-md-0">
                        <p class="rounded-pill py-2 px-4 text-uppercase mb-0 badge badge-contrast">Dashcore is great for</p>
                        <p class="font-md bold mt-1 text-contrast">Anyone who is looking for a great startup template</p>
                        <hr class="my-4">
                        <div class="small text-contrast"><span class="bold d-block">Lorem Inc. Team,</span> Doing great since 2018</div>
                    </div>
                    <div class="col-12 col-md-7 image-background cover" style="background-image: url(img/testimonials/1.jpg);"></div>
                </div>
            </div>
        </section><!-- ./Top-notch appearance - Big Screen Left -->
        <section class="section">
            <div class="container-wide">
                <div class="section-heading text-center">
                    <p class="rounded-pill py-2 px-4 bold badge badge-info">Built to Last</p>
                    <h2>What you will get with Dashcore</h2>
                    <p class="lead text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>
                </div>
                <div class="row gap-y align-items-center">
                    <div class="col-10 col-lg-4 mx-auto">
                        <div class="row gap-y text-center text-md-left">
                            <div class="col-md-6"><i data-feather="pie-chart" width="36" height="36" class="stroke-primary mb-3"></i>
                                <p class="my-0 bold lead text-dark">Dashboard</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed do eiusmod tempor.</p>
                            </div>
                            <div class="col-md-6"><i data-feather="dollar-sign" width="36" height="36" class="stroke-primary mb-3"></i>
                                <p class="my-0 bold lead text-dark">Save money</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed do eiusmod tempor.</p>
                            </div>
                            <div class="col-md-6"><i data-feather="sliders" width="36" height="36" class="stroke-primary mb-3"></i>
                                <p class="my-0 bold lead text-dark">Design tools</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed do eiusmod tempor.</p>
                            </div>
                            <div class="col-md-6"><i data-feather="download" width="36" height="36" class="stroke-primary mb-3"></i>
                                <p class="my-0 bold lead text-dark">Updates</p>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed do eiusmod tempor.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-6 pr-0"><img src="img/screens/dash/2.png" alt="" class="img-responsive shadow" data-aos="fade-left"></div>
                </div>
            </div>
        </section><!-- ./Lightweight HTML - Big Screen Right -->
        <div class="section">
            <div class="container-wide">
                <div class="row gap-y align-items-center">
                    <div class="col-12 col-lg-6 pl-0">
                        <div class="device-twin align-items-center mt-4 mt-lg-0">
                            <div class="browser shadow" data-aos="fade-right"><img src="img/screens/dash/4.png" alt="..."></div>
                            <div class="front iphone-x absolute d-none d-sm-block" data-aos="fade-up" data-aos-delay=".5" style="right: 0; bottom: -1.5rem;">
                                <div class="screen"><img src="img/screens/app/1.png" alt="..."></div>
                                <div class="notch"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-lg-5 mx-auto">
                        <div class="section-heading"><span class="bold py-2"><i data-feather="bar-chart" class="stroke-primary mr-2"></i> <span class="bold text-info">Dashboard included</span></span>
                            <h2 class="mt-3">Every thing you need to get started</h2>
                            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>
                        </div>
                        <p>Nullam vitae scelerisque est, sed tempus metus. Donec convallis volutpat enim consequat viverra. Nam blandit est eu ipsum elementum, ac pellentesque nibh placerat. Quisque venenatis pulvinar nulla, non vestibulum urna ultrices accumsan.</p><a href="#" class="btn px-4 btn-rounded btn-primary mt-4">Learn more</a>
                    </div>
                </div>
            </div>
        </div><!-- ./Brands -->
        <section class="section bg-light">
            <div class="container pb-0">
                <h4 class="bold text-center mb-5 text-secondary">They trust us</h4>
                <div class="row gap-y">
                    <div class="col-md-3 col-xs-4 col-6 px-md-5"><img src="img/logos/1.png" alt="" class="img-responsive mx-auto op-7" style="max-height: 60px;"></div>
                    <div class="col-md-3 col-xs-4 col-6 px-md-5"><img src="img/logos/2.png" alt="" class="img-responsive mx-auto op-7" style="max-height: 60px;"></div>
                    <div class="col-md-3 col-xs-4 col-6 px-md-5"><img src="img/logos/3.png" alt="" class="img-responsive mx-auto op-7" style="max-height: 60px;"></div>
                    <div class="col-md-3 col-xs-4 col-6 px-md-5"><img src="img/logos/4.png" alt="" class="img-responsive mx-auto op-7" style="max-height: 60px;"></div>
                </div>
            </div>
        </section><!-- ./FAQs -->
        <section class="section bg-light edge bottom-right">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <h2>Do you have <span class="bold">questions</span></h2>
                        <p class="lead">Not sure how this template can help you? Wonder why you need to buy our theme?</p>
                        <p class="text-muted">Here are the answers to some of the most common questions we hear from our appreciated customers</p>
                    </div>
                    <div class="col-md-8">
                        <div class="accordion accordion-clean" id="common-faqs-accordion">
                            <div class="card mb-3">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q1"><i class="fas fa-angle-down angle"></i> What does the package include?</a></div>
                                <div id="q1" class="collapse show" data-parent="#common-faqs-accordion">
                                    <div class="card-body">When you buy Dashcore, you get all you see in the demo but the images. We include SASS files for styling, complete JS files with comments, all HTML variations. Besides we include all mobile PSD mockups.</div>
                                </div>
                            </div>
                            <div class="card mb-3">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q2"><i class="fas fa-angle-down angle"></i> What is the typical response time for a support question?</a></div>
                                <div id="q2" class="collapse" data-parent="#common-faqs-accordion">
                                    <div class="card-body">Since you report us a support question we try to make our best to find out what is going on, depending on the case it could take more or les time, however a standard time could be minutes or hours.</div>
                                </div>
                            </div>
                            <div class="card mb-3">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q3"><i class="fas fa-angle-down angle"></i> What do I need to know to customize this template?</a></div>
                                <div id="q3" class="collapse" data-parent="#common-faqs-accordion">
                                    <div class="card-body">Our documentation give you all you need to customize your copy. However you will need some basic web design knowledge (HTML, Javascript and CSS)</div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header"><a href="#" class="card-title btn" data-toggle="collapse" data-target="#q4"><i class="fas fa-angle-down angle"></i> Can I suggest a new feature?</a></div>
                                <div id="q4" class="collapse" data-parent="#common-faqs-accordion">
                                    <div class="card-body">Definitely <span class="bold">Yes</span>, you can contact us to let us know your needs. If your suggestion represents any value to both we can include it as a part of the theme or you can request a custom build by an extra cost. Please note it could take some time in order for the feature to be implemented.</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section><!-- ./Register -->
        <section class="section">
            <div class="container bring-to-front">
                <div class="shadow rounded text-center bg-info-gradient p-5">
                    <h2 class="mb-5 text-contrast">Try Dashcore now.... love it forever</h2>
                    <p class="handwritten highlight font-md text-alternate">Why wait? Start now!</p><a href="signup.html" class="btn btn-darker btn-rounded mt-4">Start now</a>
                </div>
            </div>
        </section><!-- ./Footer - Four Columns -->
        <footer class="site-footer section b-t">
            <div class="container pb-3">
                <div class="row gap-y text-center text-md-left">
                    <div class="col-md-4 mr-auto"><img src="img/logo.png" alt="" class="logo">
                        <p>Dashcore, a carefully crafted and powerful HTML5 template, it's perfect to showcase your startup or software</p>
                    </div>
                    <div class="col-md-2">
                        <h6 class="py-2 bold">Company</h6>
                        <nav class="nav flex-column"><a class="nav-item py-2" href="about.html">About</a> <a class="nav-item py-2" href="#">Services</a> <a class="nav-item py-2" href="blog/blog-grid.html">Blog</a></nav>
                    </div>
                    <div class="col-md-2">
                        <h6 class="py-2 bold">Product</h6>
                        <nav class="nav flex-column"><a class="nav-item py-2" href="#">Features</a> <a class="nav-item py-2" href="#">API</a> <a class="nav-item py-2" href="#">Customers</a></nav>
                    </div>
                    <div class="col-md-2">
                        <h6 class="py-2 bold">Channels</h6>
                        <nav class="nav flex-column"><a class="nav-item py-2" href="#">Careers</a> <a class="nav-item py-2" href="#">Contact</a> <a class="nav-item py-2" href="#">Search</a></nav>
                    </div>
                </div>
                <hr class="mt-5">
                <div class="row small align-items-center">
                    <div class="col-md-4">
                        <p class="mt-2 mb-md-0 text-secondary text-center text-md-left">© 2018 5studios. All Rights Reserved</p>
                    </div>
                    <div class="col-md-8">
                        <nav class="nav justify-content-center justify-content-md-end"><a href="#" class="btn btn-circle btn-sm btn-secondary mr-3 op-4"><i class="fab fa-facebook"></i></a> <a href="#" class="btn btn-circle btn-sm btn-secondary mr-3 op-4"><i class="fab fa-twitter"></i></a> <a href="#" class="btn btn-circle btn-sm btn-secondary op-4"><i class="fab fa-instagram"></i></a></nav>
                    </div>
                </div>
            </div>
        </footer>
    </main><!-- themeforest:js -->
    <script src="js/01.cookie-consent-util.js"></script>
    <script src="js/02.1.cookie-consent-themes.js"></script>
    <script src="js/02.2.cookie-consent-custom-css.js"></script>
    <script src="js/02.3.cookie-consent-informational.js"></script>
    <script src="js/02.4.cookie-consent-opt-out.js"></script>
    <script src="js/02.5.cookie-consent-opt-in.js"></script>
    <script src="js/02.6.cookie-consent-location.js"></script>
    <script src="js/card.js"></script>
    <script src="js/counterup2.js"></script>
    <script src="js/index.js"></script>
    <script src="js/noframework.waypoints.js"></script>
    <script src="js/odometer.min.js"></script>
    <script src="js/prism.js"></script>
    <script src="js/simplebar.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/jquery.smartWizard.js"></script>
    <script src="js/plugins/jquery.animatebar.js"></script>
    <script src="js/feather.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/aos.js"></script>
    <script src="js/typed.js"></script>
    <script src="js/jquery.magnific-popup.js"></script>
    <script src="js/cookieconsent.min.js"></script>
    <script src="js/common-script.js"></script>
    <script src="js/forms.js"></script>
    <script src="js/stripe-bubbles.js"></script>
    <script src="js/stripe-menu.js"></script>
    <script src="js/cc.js"></script>
    <script src="js/pricing.js"></script>
    <script src="js/shop.js"></script>
    <script src="js/svg.js"></script>
    <script src="js/site.js"></script>
    <script src="js/03.demo.js"></script><!-- endinject -->
</body>

</html>